<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线商城</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/goods.css">
</head>

<body>
    
    <header></header>
    
    <div class="nulldiv"></div>
    
    <div class="main">
        <!-- 搜索 -->
        <div class="search">
            <div class="searchlf">
                <input type="text" placeholder="请输入商品名称" id="inputbox" >
                <div id="btnsou">搜索</div>
                <b>热门商品：</b>
            </div>
            
            <!-- 热门商品 -->

            <div class="hotwords" id="remen">
            </div>
            <script type="text/html" id="remenhot">
                {{each gridsV3 tab}}
                <a href="#">{{tab.text}}</a>
                {{/each}}
            </script>
        </div>
        <!-- 主体内容 -->
        <div class="ibox">
            <!-- 分类列表 -->
            <div class="ifl">
                <p>所有产品分类</p>
                <ul class="navlf" id="tabList">
                </ul>
                <script type="text/html" id="tabListTp">
                    {{each list shop}}
                    <li> 
                        <a href="/html/details.html?id={{shop.id}}" target="_blank">{{shop.name}}</a> 
                    </li>
                    {{/each}}
                </script>
            </div>

            <!-- 商品 -->
            <div class="ifr">
                <img src="/img/v5ECqtsGEM4r.jpg" alt="">
            </div>
        </div>
        <div class="gridsbox" id="grids">

        </div>
        <script type="text/html" id="scgrids">
            {{each hotCommodities shop}}
                <div>
                    <a href="/html/shopping.html?id={{shop.id}}">
                        <img src="{{shop.image}}" alt="">
                        <p>{{shop.title.slice(0,12)}}..</p>
                        <span>{{shop.price}}></span>
                    </a>
                    
                </div>
            {{/each}}
        </script>
        <div class="Beauty" id="note">
        </div>
        <script type="text/html" id="notelist">
            {{ if note}}
            <h3>美丽自己Beauty for you &nbsp;&nbsp;丨&nbsp;&nbsp;{{note.slice(0,9)}}</h3>
            {{/if}}
        </script>
        <div class="mainfb" id="fbmain">
        </div>
        <script type="text/html" id="fbtemplate">
            {{each list shop}}
            <div>
                <a href="/html/shopping.html?id={{shop.id}}">
                    <dl>
                        <dt><img src="{{shop.image}}" alt=""></dt>
                        
                        {{if shop.title.length>20}}
                            <p>{{shop.title.slice(0,20)}}...</p>
                        {{else}}
                            <p>{{shop.title}}</p>
                        {{/if}}
                        <dd>￥{{shop.price}}
                             <span>￥{{shop.originPrice}}</span>
                        </dd>
                    </dl>
                </a>
                
            </div>
            {{/each}}
        </script>
    </div>
    
    <footer></footer>
    <div class="shadebox">
        <div >
            <span class="close">x</span>
            <div></div>
            <p class="shadeboxtwo">无法获取：</p>
        </div>
    </div>
    <script src="/libs/require/require.js" data-main="/js/goods"></script>
</body>

</html>